iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
Modern Web

前端日常,每天 React 一下系列 第 1

【Day00】系列文概述 & 目錄

  • 分享至 

  • xImage
  •  

連載動機

藉由 30 天筆記,
將學習 React 相關的知識整理起來,
以便日後回頭參照。

主要參考來源為官方網站,
並搭配各路大神的文章整理成筆記。

預計內容如下方目錄,
依照實際內容隨時進行調整。

因一篇文章預計只專注一個知識點,
參考資料基本上都放在此篇 Day01 的最底下,
該知識點有特別參考資料的話再另行註明。


目錄

React

  • React 簡介
  • JSX(JavaScript 語法擴充)
  • 渲染元素 Rendering Element
  • Component 與 Props
  • Data Flow 與 State
  • 生命週期 Lifecycle(Class Component)
  • 事件處理 Handling Events
  • 條件渲染 Conditional Rendering
  • 列表 List 與 key
  • 表單:受控元件 Controlled Component
  • 表單:非受控元件 Uncontrolled Component
  • 插槽 Portals
  • 型別檢查 PropTypes
  • 樣式 Style
  • 代碼分割 & 延遲載入 Code Splitting & Lazy loading
  • React Router
  • React 與 Immutible
  • Context
  • Ref
  • Memo

React hook

  • Hook 概述
  • useState
  • useEffect
  • useContext
  • useReducer
  • useRef
  • useMemo
  • useCallback
  • Custom hook(自定義 hook)

參考資料


下一篇
【Day01】React 簡介
系列文
前端日常,每天 React 一下30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言